<template>
	<view>
		<view class="cu-bar">
			<scroll-view scroll-x class="bg-white nav text-center ">
				<view style="height: 55rpx; line-height: 55rpx;" class="cu-item padding-tb" :class="index==TabCur?'bg-blue round cur ':''" v-for="(item,index) in itemList" :key="index" @tap="tabSelect" :data-id="index">
					{{item.name}}
				</view>
			</scroll-view>
			<view class="action">
				
				<text class="cuIcon-roundaddfill text-blue" @tap="addAction"></text>
			</view>
		</view>
		
		<view class="cu-card margin-lr">
			<navigator class="cu-item" url="/pages/processDetail/processDetail">
				<view class="content">
					<view class=" flex justify-between">
						<view class="text-black">企业变更、注销业务办理进度跟踪</view>
						<text class="content text-blue text-sm">正常</text>
					</view>
					<view class="margin-tb-sm margin-lg-sm flex justify-start">
						<view class="text-grey text-content text-df">
							办理进度
						</view>
						<text class="content text-black margin-left">正在XXX部门办理</text>
					</view>
					<view class="margin-tb-sm margin-lg-sm flex justify-start">
						<view class="text-grey text-content text-df">
							累计办理时间
						</view>
						<text class="content text-black margin-left">20小时5分钟</text>
					</view>
				</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				TabCur: 0,
				itemList:[{name:"进行中"},{name:"已完结"}]
			}
		},
		methods: {
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id;
			},
			addAction(e) {
				uni.navigateTo({
					url: "/pages/trackBusiness/trackBusiness"
				})
				
			}
		}
	}
</script>

<style>
page {
	background-color: white;
}
</style>
